<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/Untitled-1.css" type="text/css">
    <script src="js/fontsizeset.js"></script>
</head>
<body>
    <div class="main">
        <div class="main_top">
            <img class="main_top_img" src="04-练习页面移动端/-1.png" alt="">
            <div class="mian_top_center">
                <h3 class="mian_top_center_tithe">
                    南京
                    <span class="mian_top_center_tithe_span">产品推荐</span>
                </h3>
                <p class="mian_top_center_p">123个结果</p>
            </div>
            <img class="main_top_imgs" src="04-练习页面移动端/-2.png" alt="">
            <img class="main_top_imgs" src="04-练习页面移动端/-2.png" alt="">
            <img class="main_top_imgs" src="04-练习页面移动端/-2.png" alt="">
        </div>
        <ul class="main_content">
            <li class="main_content_lis">
                <a class="main_content_lis_link" href="#">
                    <img class="main_content_lis_img" src="04-练习页面移动端/-3.png" alt="">
                </a>
                <div class="main_content_div">
                    <a class="main_content_lis_link" href="#">
                        <p class="main_content_lis_one"><阿尔山童话世界冰雪温泉之旅>6天行程</p>
                        <p class="main_content_lis_one">路线:南京—乌尔浩特—阿尔山—白狼村</p>
                    </a>
                    <p class="main_content_lis_two">冰雪阿尔山，欢乐过大年</p>
                    <div class="kong"></div>
                    <img class="main_content_lis_imgs" src="04-练习页面移动端/-4.png" alt="">
                    <p class="main_content_lis_theer">探索者旅行俱乐部</p>
                    <p class="main_content_lis_four">
                        ￥3600
                        <span class="main_content_lis_four_spans">起</span>
                    </p>
                </div>
            </li>
            <li class="main_content_lis">
                <a class="main_content_lis_link" href="#">
                    <img class="main_content_lis_img" src="04-练习页面移动端/-5.png" alt="">
                </a>
                <div class="main_content_div">
                    <a class="main_content_lis_link" href="#">
                        <p class="main_content_lis_one"><海天佛国普陀山祈福之旅>3天行程</p>
                        <p class="main_content_lis_one">路线:南京—朱家尖—普陀山—宁波</p>
                    </a>
                    <p class="main_content_lis_two">海天佛国，南海圣境</p>
                    <div class="kong"></div>
                    <img class="main_content_lis_imgs" src="04-练习页面移动端/-4.png" alt="">
                    <p class="main_content_lis_theer">中国自驾游联盟南京站</p>
                    <p class="main_content_lis_four">
                        ￥1280
                        <span class="main_content_lis_four_spans">起</span>
                    </p>
                </div>
            </li>
            <li class="main_content_lis">
                <a class="main_content_lis_link" href="#">
                    <img class="main_content_lis_img" src="04-练习页面移动端/-6.png" alt="">
                </a>
                <div class="main_content_div">
                    <a class="main_content_lis_link" href="#">
                        <p class="main_content_lis_one"><玩转广西自驾12日游>12天行程</p>
                        <p class="main_content_lis_one">路线:南京—桂林—凭祥—北海—阳朔</p>
                    </a>
                    <p class="main_content_lis_two">尽情领略广西风光，深入体验中越边关风采。</p>
                    <div class="kong"></div>
                    <img class="main_content_lis_imgs" src="04-练习页面移动端/-4.png" alt="">
                    <p class="main_content_lis_theer">中国自驾游联盟南京站</p>
                    <p class="main_content_lis_four">
                        ￥4680
                        <span class="main_content_lis_four_spans">起</span>
                    </p>
                </div>
            </li>
            <li class="main_content_lis">
                <a class="main_content_lis_link" href="#">
                    <img class="main_content_lis_img" src="04-练习页面移动端/-7.png" alt="">
                </a>
                <div class="main_content_div">
                    <a class="main_content_lis_link" href="#">
                        <p class="main_content_lis_one"><黔东南深度名俗体验之旅>12天行程</p>
                        <p class="main_content_lis_one">路线:南京—西江—黄果树—荔波—桂林</p>
                    </a>
                    <p class="main_content_lis_two">冰雪阿尔山，欢乐过大年</p>
                    <div class="kong"></div>
                    <img class="main_content_lis_imgs" src="04-练习页面移动端/-4.png" alt="">
                    <p class="main_content_lis_theer">中国自驾游联盟南京站</p>
                    <p class="main_content_lis_four">
                        ￥4580
                        <span class="main_content_lis_four_spans">起</span>
                    </p>
                </div>
            </li>
        </ul>
        <div class="main_footer">
            <ul class="main_footer_uls">
                <li class="main_footer_uls_lis">
                    <a class="main_footer_uls_lis_link" href="#">
                        <img class="main_footer_uls_lis_img" src="04-练习页面移动端/-8.png" alt="">
                        <div class="kong"></div>
                        <p class="main_footer_uls_lis_chufa">出发城市</p>
                    </a>
                </li>
                <li class="main_footer_uls_lis">
                    <a class="main_footer_uls_lis_link" href="#">
                        <img class="main_footer_uls_lis_img" src="04-练习页面移动端/-9.png" alt="">
                        <div class="kong"></div>
                        <p class="main_footer_uls_lis_content">行程天数</p>
                    </a>
                </li>
                <li class="main_footer_uls_lis">
                    <a class="main_footer_uls_lis_link" href="#">
                        <img class="main_footer_uls_lis_img" src="04-练习页面移动端/-10.png" alt="">
                        <div class="kong"></div>
                        <p class="main_footer_uls_lis_content">出行时间</p>
                    </a>
                </li>
                <li class="main_footer_uls_right">
                    <a class="main_footer_uls_lis_link" href="#">
                        <img class="main_footer_uls_lis_img" src="04-练习页面移动端/-11.png" alt="">
                        <div class="kong"></div>
                        <p class="main_footer_uls_lis_content">推荐排序</p>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</body>
</html>